<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<script th:src="@{/js/jquery-1.8.0.min.js}"></script>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        function deleteMany(){
            document.getElementById("deleteMany").submit();
        }
    </script>
</head>
<body>
<div class="col-md-6 col-md-offset-3">
    <form th:action="@{/deleteMany}" th:object="${userList}" id="deleteMany">
        <table style="width: 800px ;height:600px" class="table  table-striped   table-hover " border="1">
            <tr>
                <th>用户编号</th>
                <th>用户名</th>
                <th>用户密码</th>
                <th>重置密码1</th>
            </tr>
            <tr th:each="user:${userList}">
                <th><input type="checkbox" name="uids" th:value="${user.userId}"></th>
                <th th:text="${user.userId}"></th>
                <th th:text="${user.uname}"></th>
                <th th:text="${user.upsw}"></th>
                <th><a th:href="@{/resetPsw(userId=${user.userId})}">重置密码</a></th>
            </tr>
        </table>
        <input type="button" value="批量删除" onclick="deleteMany()"/>
    </form>
    </div>
</body>
</html>